<template>
  <div class="main_box">
    <div class="mains">
      <home-swiper/>
      <home-introduction/>
      <home-notice/>
      <home-overview/>
      <home-rank/>
      <home-hot/>
      <home-telphone/>
    </div>
  </div>
</template>

<script>
import HomeSwiper from 'Ho/components/swiper'
import HomeIntroduction from 'Ho/components/introduction'
import HomeNotice from 'Ho/components/notice'
import HomeOverview from 'Ho/components/overview'
import HomeHot from 'Ho/components/hot'
import HomeTelphone from 'Ho/components/telphone'
import HomeRank from 'Ho/components/rank'
import { getHomeArticals } from 'com/shuju.js'
export default {
  name: 'Home',
  components: {
    HomeSwiper,
    HomeIntroduction,
    HomeNotice,
    HomeOverview,
    HomeHot,
    HomeTelphone,
    HomeRank
  },
  mounted () {
    const data3 = new FormData()
    data3.set('orderby', 'createTime')
    getHomeArticals(data3, this)
    console.clear()
  }
}
</script>

<style lang="stylus" scoped>
  .main_box{
    position: relative
    width: 100%
    .mains{
      width: 1200px
      height: auto
      margin: 0 auto
      content: " "
      display: table
      clear: both
      overflow: auto
    }
  }
</style>
